{% extends 'templates/document.html' %}

{% import 'components/Document/Head.html' as Head %}
{% import 'components/Sidebar/Sidebar.html' as Sidebar %}
{% import 'components/PageHeader/PageHeader.html' as PageHeader %}

{% import 'content/Draggable/DragEvents/DragEvents.html' as DragEvents %}

{% set ViewAttr = {
  id: 'DragEvents',
  parent: 'Draggable',
  child: 'Drag events',
  subheading: 'You may not need to use any of the additional modules. Hook into any of Draggable’s events and write your own logic.'
} %}

{% block PageId %}{{ ViewAttr.id }}{% endblock %}

{% block head %}
  {{ Head.render(ViewAttr) }}
{% endblock %}

{% block sidebar %}
  {{ Sidebar.render(ViewAttr, DataPages) }}
{% endblock %}

{% block main %}
  {{ PageHeader.render(ViewAttr) }}
  {{ DragEvents.render(ViewAttr.id) }}
{% endblock %}
